<template>
  <van-collapse class="panel-approve-resume" :border="false" v-model="activeName" accordion>
    <van-collapse-item style="padding-top: 3px;padding-bottom: 3px" title="科室评分详情" name="1">
      <template #title>
        <span>评分详情 - </span>
        <span style="font-size: 12px;color: #969799">{{$store.state.authInfo.currentDept.department_path.substring($store.state.authInfo.currentDept.department_path.indexOf('/') + 1)}}</span>
      </template>
      <van-row style="font-weight: bold;padding: 5px 0px">
        <van-col span="12">
          科室名称
        </van-col>
        <van-col span="6">
          待审核
        </van-col>
        <van-col span="6">
          扣分总计
        </van-col>
      </van-row>
      <card-approve-resume
        v-for="(resume) in resumes"
        :key="resume.department_path"
        :resume="resume"/>
    </van-collapse-item>
  </van-collapse>
</template>

<script>
import CardApproveResume from '@/views/common/card/CardApproveResume'
export default {
  name: 'PanelApproveResume',
  components: { CardApproveResume },
  props: ['resumes'],
  data () {
    return {
      activeName: ''
    }
  }
}
</script>

<style scoped lang="less">
  .panel-approve-resume {
    .van-cell {
      padding-top: 2px;
      padding-bottom: 2px;
    }
    .van-row {
      font-size: 12px;
      text-align: center
    }
  }
  /deep/ .van-collapse-item__title {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  /deep/ .van-collapse-item__content {
    padding: 2px 16px;
  }
</style>
